<template>
    <el-row class="since" type="flex">
        <el-col class="left">
            <p>{{content.sice}}</p>
            <p>{{content.title}}</p>
            <p>{{content.titleEn}}</p>
        </el-col>
        <el-col class="right">
            <img src="@/assets/img/introduce/logo3@2x.png" alt="logo">
        </el-col>
    </el-row>
</template>

<script>
    export default {
        props:['content']
    }
</script>

<style lang="less" scoped>
.since {
    margin-bottom: 60px;
    justify-content: flex-start;
    align-items: center;
    .left {
        flex: 1;
        text-align: left;
        p {
            font-size:72px;
            font-weight:bold;
            color:rgba(230,230,230,1);
            line-height:1;
            margin-bottom: 19px;
            &:nth-of-type(2) {
                font-size:28px;
                font-weight:bold;
                color:rgba(27,117,189,1);
                line-height:24px;
                margin-bottom: 9px;
            }
            &:nth-of-type(3) {
                font-size:12px;
                font-weight:400;
                color:rgba(27,117,189,1);
                line-height:24px;
                margin: 0;
            }
        }
    }
    .right {
        flex: 0 0 98px;
        img {
          width: 98px;
          height: 107px;  
        }
    }
}
</style>